<!DOCTYPE html>
<html>


    <!-- Mirrored from www.zi-han.net/theme/hplus/graph_metrics.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:19:09 GMT -->
    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">


        <title>用户组</title>
        <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
        <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

        <link rel="shortcut icon" href="favicon.ico">
        <link href="/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
        <link href="/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

        <link href="/css/animate.min.css" rel="stylesheet">
        <link href="/css/style.min862f.css?v=4.1.0" rel="stylesheet">
        <!-- Data Tables -->

        <!--https://datatables.net/extensions/buttons/examples/html5/excelTextBold.html-->
        <!--<link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet">-->
        <!--<link href="https://cdn.datatables.net/buttons/1.4.2/css/buttons.dataTables.min.css" rel="stylesheet">-->
        <link href="/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

    </head>

    <body class="gray-bg">
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="ibox-content">
                <form role="form" class="form-inline">
                    <div class="form-group">
                        <a onclick="fnClickAddRow();" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                    </div>
                </form>
            </div>
            <div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content animated bounceInRight">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">角色信息</h4>
                        </div>
                        <div class="modal-body">
                           
                            <div class="form-group">
                                <label>角色id</label>
                                <input type="text" disabled placeholder=""  id="groupid-e" value="" class="form-control">
                            </div>
                            <div class="form-group">
                                <label>角色命名</label>
                                <input type="text" placeholder="请输入姓名" id="name-e"  value="" class="form-control">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="button" class="btn btn-sm" id="savegroup" value="save"/>
                            <input type="button" class="btn btn-sm" id="editgroup" value="edit"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ibox-content">
                <div class="row">
                    <div class="table-responsive">
                        <table class="table table-striped" id='groupsmngtable'>
                            <thead>
                                <tr>
                                    <th>id</th>
                                    <th>名称</th>
<!--                                    <th>权限</th>-->
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody id='outputrecord'>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
<script src="/js/jquery.min.js?v=2.1.4"></script>
<script src="/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/js/plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="/js/plugins/peity/jquery.peity.min.js"></script>
<script src="/js/content.min.js?v=1.0.0"></script>

<script src="/js/plugins/jeditable/jquery.jeditable.js"></script>
<script src="/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="/js/plugins/dataTables/dataTables.bootstrap.js"></script>

<!--        <script src="//code.jquery.com/jquery-1.12.4.js"></script>
        <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>-->
<!--        <script src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
        <script src="//cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script>-->
<script src="/acdist.js"></script>    
<script src='/js/groups.js'></script>

</body>

</html>
